<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org"
	xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
	layout:decorate="content">
<head>
<head>
<meta charset="utf-8">
<title>OMS进口管理系统—岗位</title>
<style>
ul.ztree {
	border: 1px;
	margin-top: 0px;
	background: #f0f6e4;
	width: 270px;
	height: auto;
}
</style>
</head>
<body>
	<div layout:fragment="content">
		<table style="width: 100%;" data-bind="with:filter">
			<tbody>
				<tr>
					<td class="td_form01">角色:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:roleName" /></td>
					<td class="td_form01">所属部门:</td>
					<td class="td_form02"><input type="text"
						data-bind="value:parentName" /></td>
				</tr>
				<tr>
					<td colspan="2" class="td_form01 text-center"><input
						type="button" class="buttonface" value="请空"
						data-bind="click:$root.empty" /></td>
					<td colspan="4" class="td_form01 text-center"><input
						type="button" class="buttonface" value="查询"
						data-bind="click:$root.search" /></td>
				</tr>
			</tbody>
		</table>
		<div class="Organization_cot">
			<p class="top_bg clearfix">
				<i class="icon popAdd"> <img src="/images/add.png" alt="">
				</i> <a class="Add" data-bind="click:$root.add">添加</a>
			</p>
		</div>
		<div style="width: 16%; min-height: 700px; float: left;">
			<div>
				<ul id="treeDemo" class="ztree"></ul>
			</div>
		</div>
		<div class="list_page" style="width: 84%; float: left;">
			<div>
				<table style="width: 100%;">
					<thead>
						<tr>
							<td class="td_top">序号</td>
							<td class="td_top">角色名称</td>
							<td class="td_top">所属部门</td>
							<td class="td_top">角色状态</td>
							<td class="td_top">备注</td>
							<td class="td_top">操作</td>
						</tr>
					</thead>
					<tbody id="tbody" data-bind="foreach:DataGrid.DataRows">
						<tr>
							<td data-bind="text:$index()+1" style="text-align: center;">7</td>
							<td data-bind="text:roleName" style="text-align: center;">操作员</td>
							<td data-bind="text:parentName" style="text-align: center;">operator</td>
							<td data-bind="text:note" style="text-align: center;">操作部</td>
							<td data-bind="text:note" style="text-align: center;">测试</td>
							<td style="text-align: center;">
								<button type="button" class="pure-button pure-button-primary"
									data-bind="click:$root.updateJobs">修改</button>
								<button type="button" class="pure-button button-warning"
									data-bind="click:$root.deleteJobs">删除</button>
							</td>

						</tr>
					</tbody>
				</table>
			</div>
			<div th:include="pager :: pager"></div>
		</div>
		<div id="pop_div_role" style="display: none;">
			<table data-bind="with:model" class="table table-hover"
				style="width: 400px; height: 250px;">
				<tr>
					<td class="td_form01"><label><span class="tip"
							style="color: red;">*</span>角色名称：</label></td>
					<td class="td_form02"><input type="text" id="roleNameone"
						data-bind="value:roleName"><span id="nameMessage"
						style="display: none;">角色名称不能为空</span></td>
				</tr>
				<tr>
					<td class="td_form01"><label><span class="tip"
							style="color: red;">*</span>领导角色：</label></td>
					<td class="td_form02"><input type="text" id="parentNameone"
						data-bind="value:parentName"> <span id="parentMessage"
						style="display: none;">领导名称不能为空</span></td>
				</tr>
				<tr>
					<td class="td_form01"><label>备注：</label><span class="tip"></span></td>
					<td class="td_form02"><input type="text"
						data-bind="value:note"></td>
				</tr>
				<tr>
					<td class="td_form02 text-center" colspan="2">
						<button type="button" class="saveBtn"
							data-bind="click:$root.submitbtn">保存</button>
						<button type="button" 
						     data-bind="click:$root.layerClose">关闭</button>
					</td>
				</tr>
			</table>
		</div>
	</div>
</body>

</html>
